<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/car.css">
    <script src="./js/jquery-3.6.1(完整版).js"></script>
</head>
<body>
    <div id="left">
       <div class="top">
         <img src="./image/菜单.png">
       </div>
       <div class="btm">
            <ul id="nav"> 
                <li>
                    <span>
                    <img src="./image/icon／酒店.png">
                    </span><a href="#">酒店</a>
                    <ul>
                        <li><a href="#">国内机票</a></li>
                        <li><a href="#">国外机票</a></li>
                    </ul>
                </li>
                <div>
                    <ul>
                        <li class="ikkk"><a href="#">国内机票</a></li>
                        <li><a href="#">国外机票</a></li>
                    </ul>
                </div>
                <li>
                    <span>
                    <img src="./image/飞机.png">
                    </span><a href="#">机票</a>
                    <ul>
                        <li><a href="#">国内/国际/中国港澳台</a></li>
                        <li><a href="#">特价机票</a></li>
                        <li><a href="#">航班动态</a></li>
                        <li><a href="#">值机选座</a></li>
                        <li><a href="#">退票改签</a></li>
                        <li><a href="#">机场攻略</a></li>
                        <li><a href="#">定制包机</a></li>
                    </ul>
                </li>
                <div>
                    <ul>
                        <li><a href="#">国内/国际/中国港澳台</a></li>
                        <li><a href="#">特价机票</a></li>
                        <li><a href="#">航班动态</a></li>
                        <li><a href="#">值机选座</a></li>
                        <li><a href="#">退票改签</a></li>
                        <li><a href="#">机场攻略</a></li>
                        <li><a href="#">定制包机</a></li>
                    </ul>
                </div>
                <li>
                    <span>
                    <img src="./image/铁路.png">
                    </span><a href="#">火车票</a>
                    <ul>
                        <li><a href="#">国内火车票</a></li>
                        <li><a href="#">国际/中国港澳台</a></li>
                    </ul>
               </li>
               <div>
                <ul>
                    <li><a href="#">国内火车票</a></li>
                    <li><a href="#">国际/中国港澳台</a></li>
                </ul>
               </div>
                <li>
                    <span>
                    <img src="./image/旅游主题_方旗.png">
                    </span><a href="#">旅游</a>
                    <ul>
                        <li><a href="#">旅游首页</a></li>
                        <li><a href="#">周末游</a></li>
                        <li><a href="#">跟团游</a></li>
                        <li><a href="#">自由行</a></li>
                        <li><a href="#">私家团</a></li>
                        <li><a href="#">游轮</a></li>
                        <li><a href="#">一日游</a></li>
                        <li><a href="#">主题游</a></li>
                        <li><a href="#">定制旅游</a></li>
                        <li><a href="#">游学</a></li>
                        <li><a href="#">签证</a></li>
                        <li><a href="#">企业会奖</a></li>
                        <li><a href="#">高端游</a></li>
                        <li><a href="#">保险</a></li>
                        <li><a href="#">目的有</a></li>
                    </ul>
                </li>
                <div>
                    <ul>
                        <li><a href="#">旅游首页</a></li>
                        <li><a href="#">周末游</a></li>
                        <li><a href="#">跟团游</a></li>
                        <li><a href="#">自由行</a></li>
                        <li><a href="#">私家团</a></li>
                        <li><a href="#">游轮</a></li>
                        <li><a href="#">一日游</a></li>
                        <li><a href="#">主题游</a></li>
                        <li><a href="#">定制旅游</a></li>
                        <li><a href="#">游学</a></li>
                        <li><a href="#">签证</a></li>
                        <li><a href="#">企业会奖</a></li>
                        <li><a href="#">高端游</a></li>
                        <li><a href="#">保险</a></li>
                        <li><a href="#">目的有</a></li>
                    </ul>
                </div>
                <li>
                    <span>
                    <img src="./image/攻略.png">
                    </span><a href="#">攻略·景点</a>
                </li>
                <div></div>
                <li  class="ik">
                    <span>
                    <img src="./image/铁路.png">
                    </span><a href="#">汽车·船票</a>
                    <ul>
                        <li><a href="#">汽车票</a></li>
                        <li><a href="#">船票</a></li>
                    </ul>
                </li>
                <div  class="ikk">
                    <ul>
                        <li><a href="#">汽车票</a></li>
                        <li><a href="#">船票</a></li>
                    </ul>
                </div>
                <li>
                    <span>
                    <img src="./image/旅游主题_方旗.png">
                    </span><a href="#">门票活动</a>
                </li>
                <div></div>
                <li>
                    <span>
                    <img src="./image/铁路.png">
                    </span><a href="#">用车</a>
                    <ul>
                        <li><a href="#">国内租车</a></li>
                        <li><a href="#">境外租车</a></li>
                        <li><a href="#">接送机站</a></li>
                        <li><a href="#">按天包车</a></li>
                    </ul>
                </li>
                <div>
                    <ul>
                        <li><a href="#">国内租车</a></li>
                        <li><a href="#">境外租车</a></li>
                        <li><a href="#">接送机站</a></li>
                        <li><a href="#">按天包车</a></li>
                    </ul>
                </div>
                <li>
                    <span>
                    <img src="./image/攻略.png">
                    </span><a href="#">全球购</a>
                    <ul>
                        <li><a href="#">名店购</a></li>
                        <li><a href="#">银联特惠</a></li>
                        <li><a href="#">外币兑换</a></li>
                    </ul>
                </li>
                <div>
                    <ul>
                        <li><a href="#">名店购</a></li>
                        <li><a href="#">银联特惠</a></li>
                        <li><a href="#">外币兑换</a></li>
                    </ul>
                </div>
                <li>
                    <span>
                    <img src="./image/攻略.png">
                    </span><a href="#">礼品卡</a>
                    <ul>
                        <li><a href="#">礼品卡首页</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li><a href="#">心意送礼</a></li>
                        <li><a href="#">礼品卡福袋</a></li>
                    </ul>
                </li>
                <div>
                    <ul>
                        <li><a href="#">礼品卡首页</a></li>
                        <li><a href="#">企业采购</a></li>
                        <li><a href="#">心意送礼</a></li>
                        <li><a href="#">礼品卡福袋</a></li>
                    </ul>
                </div>
            </ul>
            <div class="txt"></div>
       </div>
    </div>
    <div id="right">
         <div id="header">
           <span></span>

           <div class="inp">
              <input type="text" placeholder="搜索任何旅游相关"><button><img src="./image/搜索.png"></button>
           </div>


           <ul>
            <li><span>请登录</span></li>
            <li>注册</li>
            <li>
                <span>我的订单</span><i><img src="./image/三角1.png"></i>
                <ul>
                    <li><a href="#">机票+相关订单</a></li>
                    <li><a href="#">酒店订单</a></li>
                    <li><a href="#">旅游订单</a></li>
                    <li><a href="#">火车票订单</a></li>
                    <li><a href="#">全部订单</a></li>
                </ul>
            </li>
            <li>4</li>
            <li>5</li>
           </ul>
         </div>
    </div>
</body>
<script>
    $(function(){
      $("#nav").on("click","li",function(){
        $(this).addClass("ik").siblings().removeClass("ik");
        $(this).next("div").addClass("ikk").siblings().removeClass("ikk");
        console.log($(this).next("div").addClass("ikk").siblings())
      })
    })
</script>
</html>